<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
    xmlns:pm="http://primefaces.org/mobile">
    
    <f:view renderKitId="PRIMEFACES_MOBILE" />
    
    <h:head>
		<link rel="stylesheet"
				href="#{request.contextPath}/resources/css/hotellie.css"/>
		<link rel="stylesheet"
				href="#{request.contextPath}/resources/css/bootstrap.css"/>
    </h:head>
    
    <h:body>
        
        <pm:page id="first">
            
            <pm:content>
            <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'/>
            <style>
      		      .dateHms {
    				font-size: 12px;
    				width:100%;
				  }
				  
				  .ui-body{padding:0em 0em}
				  
				  .table{
                     border-spacing:0px;
                  }
            </style>
               <h:form>
          		<div class="row headerRow">
          			<div class="col-xs-2">
          				<a href="#panel-1" data-role="button" data-icon="bars" data-iconpos="notext" data-inline="true"></a>
						<div data-role="panel" id="panel-1" data-display="overlay">
							<ul data-role="listview" id="listview-1">
								    <li><a href="index.xhtml">Home</a></li>
							       	<li><a href="about.xhtml">About</a></li>
							</ul>
						</div>
          			</div>
					<div class="col-xs-3">
	 					 <p:commandLink action="/index.xhtml?faces-redirect=true">
							<h3>Hotellie</h3>
						</p:commandLink>
					</div>
          		</div>
          		</h:form>
                <h:form id="main">
                                      
	               <p:panel styleClass="noHeader">       
                       <p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />
	                   <pm:field>
						    <p:outputLabel for="basic" value="Email:" />
						    <p:inputText id="basic" value="#{signInUserView.emailAddress}" required="true"/>
						</pm:field>
						 
						<pm:field>
						    <p:outputLabel for="password" value="Password:" />
						    <p:password id="password" value="#{signInUserView.password}" required="true"/>
						</pm:field>
						                    
	                    <p:commandButton value="Login" styleClass="btn btn-primary" icon="search"  action="#{signInUserView.signInUser()}" update="messages"/>
                 </p:panel>  
                </h:form>
                <h:form>
                 <p:commandLink value="Forgot Password" action="/user/forgetPassword.xhtml"/>
                </h:form> 
            </pm:content>
            
            <pm:content styleClass="jqm-content">
     
			  
			 
			</pm:content>
			 
		
            
            
        </pm:page>

    </h:body>
    
</html>